<template>
  <div class="info">
    <h4>{{info.title}}</h4>
    <hr>
    <div v-html="info.content" class="content"></div>
  </div>
</template>
<script>
export default {
  data() {
    return {
      id: this.$route.params.id,
      info: {}
    };
  },
  created() {
    this.goodsPrensent();
  },
  methods: {
   async goodsPrensent() {
     await this.$http.get("api/goods/getdesc/" + this.id).then(result => {
        if (result.data.status == 0) {
          this.info = result.data.message[0];
        }
      });
    }
  }
};
</script>
<style>
h4 {
  font-size: 15px !important;
  text-align: center;
  font-weight: bold;
  color: blueviolet;
}
.info {
  margin: 0;
  padding: 5px;
}
.content img {
  width: 100%;
}
</style>
